<template>
  <transition name="fade">
    <router-view v-if="isRouterAlive"></router-view>
  </transition>
</template>

<script>
  export default {
    provide() {
      return {
        reload: this.reload // 调用reload方法
      }
    },
    data() {
      return {
        isRouterAlive: true // 一开始router-view为true
      }
    },
  
    methods: {
      reload() {
        this.isRouterAlive = false
        // 在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM
        this.$nextTick(() => {
          this.isRouterAlive = true
        })
      }
    }
  }
</script>

// 子页面
// inject:['reload'], // 在export default下面加上这一段
